<template>
  <div class="picture-dialog">
    <el-dialog
      title="晒图详情"
      :visible="dialogFormVisible"
      @close="closeDialog"
    >
      <el-form :model="form">
        <el-form-item
          label="用户名"
          :label-width="formLabelWidth">
          <el-input
            v-model="dialogItem.userName"
            :disabled="true"/>
        </el-form-item>
        <el-form-item
          label="创建时间"
          :label-width="formLabelWidth">
          <el-input
            v-model="dialogItem.create_time"
            :disabled="true"
          />
        </el-form-item>
        <el-form-item
          label="菜单Id"
          :label-width="formLabelWidth">
          <el-input
            v-model="dialogItem.menu_id"
            :disabled="true"/>
        </el-form-item>
        <!--          前端暂无输入摘要介绍-->
        <!--          <el-form-item label="摘要介绍" :label-width="formLabelWidth">-->
        <!--            <el-input type="textarea" v-model="dialogItem.desc" :disabled="true"></el-input>-->
        <!--          </el-form-item>-->
        <el-form-item
          label="图片"
          :label-width="formLabelWidth">
          <img
            style="width: 310px;"
            :src="dialogItem.showpic_url" >
        </el-form-item>
        <el-form-item
          label="状态"
          :label-width="formLabelWidth">
          <el-input
            v-model="dialogItem.flagStatus"
            :disabled="true"/>
        </el-form-item>
      </el-form>
      <div
        slot="footer"
        class="dialog-footer">
        <!-- <el-button @click="dialogHandle(false)">取 消</el-button> -->
        <el-button
          type="primary"
          @click="dialogHandle(false)">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'PictureDialog',
  props: {
    dialogFormVisible: {
      type: Boolean,
      default: false
    },
    dialogItem: {
      type: Object
    }
  },
  data () {
    return {
      form: {
        name: '',
        region: '',
        flagStatus: '全部',
        resource: '',
        desc: ''
      },
      formLabelWidth: '120px'
    }
  },
  // computed: {
  //   descriptionShow () {
  //     return {
  //       width: this.width + 'px',
  //       height: this.height + 'px',
  //     }
  //   }
  // },
  created () {},
  methods: {
    dialogHandle (type) {
      this.$emit('dialogCallback', type)
    },
    closeDialog () {
      this.dialogHandle(false)
    }
  }
}
</script>

<style lang="scss" scoped></style>
